<style>
body{
	overflow:hidden;
	margin:0px;
	padding:0px;
	background:white;
}

div:first-child{
	margin-top:0px;
}

div{
	cursor:pointer;
	text-align:center;
	padding:1px 3px;
	font-family:sans-serif;
	font-size:0.8em;
	width:100px;
	margin-top:1px;
	background:#cccccc;
}

div:hover{
	background:#aaaaaa;
}

#red{
	border:1px solid red;
	color:red;
}

#green{
	border:1px solid green;
	color:green;
}

#blue{
	border:1px solid blue;
	color:blue;
}

#yellow{
	border:1px solid yellow;
	color:yellow;
}
</style>

<script>
function click(){
	chrome.tabs.executeScript(null,
		{code:"document.getElementById('lg').getElementsByTagName('img')[0].src='" + color.title + "'"});

	window.close();
}

function click(color){
	chrome.tabs.executeScript(null,
		{code:""});
	windows.close();	
	CLIP_HOST='http://note.youdao.com/yws';
	try{
		var x=document.createElement('SCRIPT');
		x.type='text/javascript';
		x.src=CLIP_HOST+'/YNoteClipper.js?'+(new Date().getTime()/100000);
		x.charset='utf-8';
		document.getElementsByTagName('head')[0].appendChild(x);
	}
	catch(e){
		alert(e);
	}
}
</script>

<div onclick="click(this)" id="red" title="http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif">red</div>
<div onclick="click(this)" id="green">green</div>
<div onclick="click(this)" id="blue">blue</div>
<div onclick="click(this)" id="yellow">yellow</div>